import React from 'react'
import './Widgets.scss'
import SearchIcon from '@mui/icons-material/Search';
function Widgets() {
  window.WIDGET = {
    "CONFIG": {
      "layout": "2",
      "width": 300,
      "height": "600",
      "background": "1",
      "dataColor": "FFFFFF",
      "borderRadius": "5",
      "key": "3ea3f911e7964a6fbc981af0f50deb33"
    }
  }
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0';
  document.getElementsByTagName('head')[0].appendChild(script);
  return (
    <div className='Widgets'>

      <div id="he-plugin-standard" ></div>
      <div className='Widgets_input'>
        <SearchIcon className='Widgets_searchicon'/>
        <input type="text" placeholder='搜索'/>
      </div>
    </div>
  )
}

export default Widgets